/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-mar-2014, 19.01.41
    Author     : Fede
*/

html{
    height:145%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 25px 0px 0px 0px;
    background-color: #274873;
    /* Safari 4-5, Chrome 1-9 */ 
    //background: -webkit-gradient(linear, 0% 0%, 0% 150%, from(#1a82f7), to(#2F2727)); 
    /* Safari 5.1, Chrome 10+ */ 
    //background: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
    /* Firefox 3.6+ */ 
    //background: -moz-linear-gradient(top, #2F2727, #1a82f7); 
    /* IE 10 */ 
    //background: -ms-linear-gradient(top, #2F2727, #1a82f7); 
    /* Opera 11.10+ */ 
    //background: -o-linear-gradient(top, #2F2727, #1a82f7);
    //background: white;
}
.main {
    width: 989px;
    margin:0px auto
}
.page {
    width: 989px;
    float: left;
}
.header {
    width: 989px;
    float: left;
}
.banner {
   /*border: 2px solid red;*/
    background-image: url(../Images/header2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 989px;
    height: 203px;
    float: left;
    border-radius: 10px;
    //-webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    //filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
}
.login {
    float: right;
    margin-bottom:10px;
}
.topmenu {
    width: 989px;
    height: 20px;
    float: left;
    margin:20px;
}
.content {
    border-radius: 20px;
    background-color: #D7D2CF;
    /*background-image: url(../Images/top-round.jpg);*/
    background-repeat: no-repeat;
    background-position: left top;
    width: 989px;
    float: left;
    min-height: 480px; 
    -webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
    //border: 2px solid red;
}
.content-in {
    /*background-image: url(../Images/bottom-round.jpg);*/
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 945px;
    float: left;
    padding: 20px;
    //border: 2px solid greenyellow;
    min-height: 500px;
}
.left-panel {
    border-bottom-left-radius: 20px;
    //border-top-right-radius: 20px;
    //background-color: blueviolet;
    /*background-image: url(../Images/top-round2.jpg);*/
    background-repeat: no-repeat;
    background-position: left top;
    width: 745px;
    float: left;
    //border: 2px solid black;
    min-height: 602px;    
}
.left-panel-in {
    
}

.dettaglievento{
    position: relative;
    margin-top: 220px;
    margin-bottom: 10px;
    width: 715px;
    //border: groove;
}

.contactus{
    //text-align: center;
    margin: auto;
}
.right-panel {
    width: 180px;
    float: right;
    //background-color: burlywood;
    //border: 2px solid black;
    min-height: 500px;
}
.right-panel-in {
    
}
.footer {
    margin-top:20px;
    background-repeat: no-repeat;
    background-position: left top;
    width: 989px;
    height: 60px;
    float: left;
    border-radius: 15px;
    border-bottom: 1px buttonshadow; 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* IE 10 */ 
    background: -ms-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(bottom, #2F2727, #1a82f7);
    -webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
}
.home-button{
    padding: 20px;
}
.home-button img {
    border-radius: 10px;
    border: 2px red;
}
img left{
    float: left;
}
img right{
    float: right;
}
.footer p{
    float: left;
    color: white;
    line-height: 60px;
    padding-left:20px;
}
.footer ul {
    float: right;
    list-style-type: none;
}
.footer ul li {
    display: inline;
    padding: 0px 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
}
.footer ul li a {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
.footer ul li a:hover {
    text-decoration: underline;
}
.nav {
    //height: 155px;
    //width: 168px;
    //background-image: url("../Images/nav_bg.jpg");
    //background-position: center top;
    //background-repeat: no-repeat;
    //margin: 0px 10px;
    //margin-top:0px;
    //margin-right-value: 10px;
    //margin-bottom: 0px;
    //margin-left: auto;
    //margin-right: auto;
    //margin-left-ltr-source: 10px;
    //padding: 1px 1px 0px;
    //padding-top: 1px;
    //padding-right-value: 1px;
    //padding-bottom: 0px;
    //padding-left-value: 1px;
}
.nav a span {
    display: block;
    //width: 158px;
    height: 37px;
    //padding-left: 10px;
}
.nav_1 {
    //background-image: url("../Images/nav_1.jpg");
    margin:1px;
    border-radius: 10px;
    background-color: #274873;
    vertical-align: middle;
    //border-bottom: 1px solid rgb(196, 224, 246);
}
.nav_2 {
    margin:1px;
    border-radius: 10px;
    background-color: #274873;
    vertical-align: middle;
    //background-image: url("../Images/nav_2.jpg");
    //border-bottom: 1px solid rgb(196, 224, 246);
}
.nav_3 {
    margin:1px;
    border-radius: 10px;
    background-color: #274873;
    vertical-align: middle;
    //background-image: url("../Images/nav_3.jpg");
    //border-bottom: 1px solid rgb(196, 224, 246);
}
.nav_4 {
    margin:1px;
    border-radius: 10px;
    background-color: #274873;
    vertical-align: middle;
    //background-image: url("../Images/nav_4.jpg");
    //border-bottom: 1px solid rgb(196, 224, 246);
}
.nav_5 {
    margin:1px;
    border-radius: 10px;
    background-color: #274873;
    vertical-align: middle;
    //background-image: url("../Images/nav_5.jpg");
}
.nav a {
    font-size: 15px;
    color: #D7D2CF;
    line-height: 30px;
    text-decoration:none;
    text-align: center;
}
a {
    font: 15px Verdana,Geneva,sans-serif;
}
.nav_1:hover, .nav_1:focus, .nav_1:active {
    background-color: #1C78E1;
	//background-image: url('../Images/nav_1_over.jpg');
}
.nav_2:hover, .nav_2:focus, .nav_2:active {
    background-color: #1C78E1;
	//background-image: url('../Images/nav_2_over.jpg');
}
.nav_3:hover, .nav_3:focus, .nav_3:active {
    background-color: #1C78E1;
	//background-image: url('../Images/nav_3_over.jpg');
}
.nav_4:hover, .nav_4:focus, .nav_4:active {
    background-color: #1C78E1;
	//background-image: url('../Images/nav_4_over.jpg');
}
.nav_5:hover, .nav_5:focus, .nav_5:active {
    background-color: #1C78E1;
	//background-image: url('../Images/nav_5_over.jpg');
}
.gap {
    height: 9px;
    clear: both;
}
.right-panel h2 {
    text-align: center;
    //font-family: "Times New Roman",Times,serif;
    font-size: 20px;
    line-height: 48px;
    background: #1e5799; /* Old browsers */
    color:#274873;
    background: -moz-linear-gradient(top,  #1e5799 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: right top;
    height: 48px;
    padding-left: 17px; 
    margin-bottom: -10px;
    //border:1px solid #000;
}
.maps {
    margin: auto; 
    text-align: center;
}
.text_info {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    
    margin-left: 20px;
    margin-right: 20px;
}
.errorMessage {
    text-align: left;
    display: block;
    color: #BD1A00;
    margin-top: 2px;
    margin-bottom: 5px;
    min-height: 20px;
    visibility: hidden; 
    font: bold 10px Arial, Verdana, sans-serif;     
}

.insertModule{
    text-align: center;
}

.insertModule input[type="text"] {
    //margin-left:20px;
    width: 200px;
    height: 24px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-family: "Verdana", "Geneva", sans-serif;
    font-size: 14px;
    color: #666;
    padding: 2px;
}

.insertModule textarea {
    //margin-left:20px;
    width: 200px;
    height: 100px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,sans-serif;
    font-size: 14px;
    color: #666;
    padding: 2px;
}

.passReg {
    margin-left:20px;
    width: 200px;
    height: 24px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,sans-serif;
    font-size: 14px;
    color: #666;
    padding: 2px;
}
.insertModule label {
    display: block;
    padding-bottom: 5px;
    height: 18px;
    font-weight: bold;
    font-size: 14px;
}
.insertModule ul, ol, dir, menu {
    list-style: none outside none;
}
.insertModule select {
    //display:inline-block;
    margin-left:20px;
    height: 30px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
    border: 1px solid #CCC;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,sans-serif;
    font-size: 14px;
    color: #666;
    padding: 2px;
}
.insertModule h1 {
    //margin: -20px -20px 0;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    color:#1C78E1;
    text-align: center;
    font: bold 16px Arial, Verdana, sans-serif;
}
.insertModule h3 {
    font-size: 13px;
    margin: 20px 0px 20px 20px;
    color: #E42918;
}
.input_img 
{
    background-image: url("../Images/captcha.png"); 
    text-align: center;
    border: medium none;
    font-weight: bold;
    font-family: Modern;
    height: 80px;
    width: 150px;
    font-size: 14px;
}

.button-link {
    cursor: pointer;
    background-color: #0088ff;
    border-radius: 5px;
    border-color: #ffffff;
    border-style: groove;
    width: 600px;
    height: 30px;
    display: block;
    padding: 7px 7px;
    font-size: 17px;
    text-align: center;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btnev{
    cursor: pointer;
    width: 110px;
    height: 35px;
    border-radius: 10px;
    background-color: #004be3;
    text-align: center;
}

.btnut{
    width: 170px;
    height: 35px;
    border-radius: 10px;
    background-color: #004be3;
    text-align: center;
    position: relative;
}

table.visualizzaEventi{    
    border:2px solid #1a82f7;
    width: 675px;
    border-spacing: 0px;
    border-collapse: separate;
    vertical-align: middle;
    margin-left: -15px;    
}

.visualizzaEventi td{  
    text-align: center;
    border:1px solid #1a82f7;
}


.tablevisualizzaUtente{
    text-align: center;
    width: 745px;
    border-color: #004be3;
    margin-bottom: 10px;
}

.tablevisualizzaDatiUtente{
    text-align: center;
    width: 645px;
    border: none;
    margin: auto;
    background-color: #2F2727;
    border-radius: 7px;    
}
.riga_pari{
    background-color: #D8D8D8;
    //width: 745px;
    height: 30px;
}
.riga_dispari{
    background-color: #ccccff;
    //width: 720px;
    height: 30px;
}
.evento{
    //position: relative;
    text-align: center;
    //width: 720px;
    min-height: 500px;
    border-radius: 10px;
    margin-left: 15px;
    margin-top: 15px;
    color: black;
}

.titoloEv{
    color:red;
    margin:15px;
}

.locandinaEv{    
    margin: 15px;     
}

.idEv{
    position: relative;
    margin-top: 30px;
    margin-left: 295px;
    width: 250px;
    height: 40px;
}

.dataEv{
    position: relative;
    margin-left: 295px;
    text-align: left;
    width: 250px;
    height: 40px;
}

.eventSlider{
    margin: auto;
    border-top-right-radius: 20px;
    background-color: #1a82f7;
    width:745px; 
    
     /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* IE 10 */ 
    background: -ms-linear-gradient(bottom, #2F2727, #1a82f7); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(bottom, #2F2727, #1a82f7);
 } 
   
 .tabEvent{  
    width:650px;    
    //margin-bottom: -25px;
 }
 
.imageborder {
    border: 5px outset #1C94C4 ;
    border-radius: 10px;
}

.gradientButton {
    font-size: 11px;
    padding: 5px;
    color: #000;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #E3E3E3 #D8D8D8 #B2B2B2;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    float:right;
    
    /* Safari 4-5, Chrome 1-9 */     
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFA861), to(#EC6E07)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(center top, #FFA861, #EC6E07); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(center top , #FFA861 0%, #EC6E07 100%) repeat scroll 0% 0% transparent; 
    /* IE 10 */ 
    background: -ms-linear-gradient(center top, #FFA861, #EC6E07); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(center top, #FFA861, #EC6E07);
}

li{
    list-style: none;	
}

#paging_container2{    
   padding:10px;
}

.page_navigation , .alt_page_navigation{
    padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a{
    padding:3px 5px;
    margin:2px;
    color:white;
    text-decoration:none;        
    //font-family: Tahoma;
    font-size: 13px;
    background-color:#1a82f7;   
    margin-top: -15px;
    border-radius: 75px;
}
.active_page{
    background-color:white !important;
    color:black !important;
}	

.paging, .alt_paging{
    color: black;
}

.paging li, .alt_paging li, .paging > p{
    padding: 5px
}

.poltrona{
    width: 65px;
    height: 65px;
    text-align: center;
}

.tabberlive .tabbertabhide {
    display:none;
}

.tabber {
    margin:5px;
    border: 1px solid black;    
}
.tabberlive {
    //margin-top:1em;
}

ul.tabbernav{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    padding: 2.5px 0;
    border-bottom: 2px solid #1C94C4;
}

ul.tabbernav li{
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a{
    padding: 5px 0.5em;
    margin-left: 5px;
    border: 2px solid #1C94C4; 
    border-top-left-radius: 15px;
    border-top-right-radius:15px;
    border-bottom: none;
    background: #DDD;
    text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover{
    color: #000;
    background: #B8C4CF;
    border-color: #227;
}

ul.tabbernav li.tabberactive a {
    background-color: #fff;
    border-bottom: 2px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: #B8C4CF;
    border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
    background-color: #fff;
    padding:15px;
    min-height: 480px;
    border:2px outset #1C94C4;
    margin-top: -13px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px ;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius:15px;
}

.tabberlive .tabbertab h2 {
    display:none;
}

.tabberlive .tabbertab h3 {
    display:none;
}

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
    height:200px;
    overflow:auto;
}

.titolo{
    color: #667;
    font: sans-serif bold; 
    font-size: 15px;    
}

.titoloInline{
    display:inline;
    color: #667;
    font-size: 15px;     
}

table.elencoPrezzi{
    font-weight: bold;
    border:1px solid #1a82f7;
    width: 675px;
    border-spacing: 0px;
    border-collapse: separate;
    /* Safari 4-5, Chrome 1-9 */     
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#D8D8D8)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(center top, #fff, #D8D8D8); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(center top , #fff 0%, #D8D8D8 100%) repeat scroll 0% 0% transparent; 
    /* IE 10 */ 
    background: -ms-linear-gradient(center top, #fff, #D8D8D8); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(center top, #fff, #D8D8D8);
}

table.elencoPrenotazioni{
    font-weight: bold;
    border:1px solid #1a82f7;
    width: 675px;
    border-spacing: 0px;
    border-collapse: separate;
    text-align: center;
    /* Safari 4-5, Chrome 1-9 */     
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#D8D8D8)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(center top, #fff, #D8D8D8); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(center top , #fff 0%, #D8D8D8 100%) repeat scroll 0% 0% transparent; 
    /* IE 10 */ 
    background: -ms-linear-gradient(center top, #fff, #D8D8D8); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(center top, #fff, #D8D8D8);
}

.elencoPrezzi td{
    border-bottom: 1px solid #D8D8D8;
    padding:5px;
    vertical-align: middle;
    text-align:left;
      
}
.elencoPrezzi tr:hover {   
    background: #B8C4CF;    
}

tr.elencoPrezzi{
        
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}

#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:7px; 
	width:550px;
	z-index: 10;
}

#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background:#333; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:right; }

#creditcardvisa{
    display: none;
    width: 420px;
    height: 250px;
    background-image: url('../Images/creditcardvisa.png');
    background-repeat: no-repeat;   
}

#creditcardmc{
    display: none;
    width: 420px;
    height: 250px;
    background-image: url('../Images/creditcardmc.png');
    background-repeat: no-repeat;   
}

#creditcardpp{
    display: none;
    width: 420px;
    height: 250px;
    background-image: url('../Images/creditcardpp.png');
    background-repeat: no-repeat;   
}

#contrassegno{
    display: none;
    width: 420px;
    height: 25px; 
}

#btnsubmit{
    cursor: pointer;
    position: relative;
    background-color: #0088ff;
    border-radius: 5px;
    border-color: #ffffff;
    border-style: groove;
    width: 120px;
    height: 30px;
}

#btnsbumitdisabled{
    cursor: pointer;
    position: relative;
    background-color: #ccccff;
    border-radius: 5px;
    border-color: #ffffff;
    border-style: groove;
    margin-left: -160px;
    width: 120px;
    height: 30px;
}

#biglietto{
    position: absolute;
    margin-left: -255px;
    width: 745px;
    height: 380px;
    background-image: url('../Images/biglietto.jpg');
    background-repeat: no-repeat;
}

#locandinabiglietto{
    width: 150px;
    height: 150px;
    margin-top: 75px;
    margin-left: 80px;
    float: left;
    text-align: left;
}

#titolobiglietto{
    width: 300px;
    height: 80px;
    margin-top: 60px;
    margin-left: 30px;
    float: left;
    text-align: left;
}

#databiglietto{
    width: 200px;
    height: 50px;
    margin-top: -20px;
    float: left;
    margin-left: 30px;
    text-align: left;
}

#postibiglietto{
     width: 200px;
     min-height: 50px;
     margin-top: 20px;
     margin-left: -200px;
     float: left;
     text-align: left;
}

#intestatariobiglietto{
    width: 300px;
    height: 50px;
    float: left;
    text-align: left;
    margin-top: 80px;
    margin-left: -380px;
}

#insevento{
    margin-top: 50px;
    margin-left: 235px;
    
}
.btnsubmit{
    margin:25px;
    cursor: pointer;
    position: relative;
    background-color: #0088ff;
    border-radius: 5px;
    border-color: #ffffff;
    border-style: groove;
    width: 120px;
    height: 30px;
}
table.elencoCampi{  
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom: 20px;
}

.titoloCampi{
    color: #667;
    font: sans-serif bold; 
    font-size: 15px;
    padding:5px;
}
.titoloCampiB{
    color: #1a82f7;
    font: sans-serif bold; 
    font-size: 15px;
    padding:5px;
}

#map { position:relative; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; width:640px; height:480px;}

#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute;}

#map ul li a {text-decoration:none;}

#map ul li a.tl {display:block; text-indent:-9999px;}

#map ul li a.tl:hover, #map ul li:hover {z-index:500;}

#map ul li#ct1 a.tl {width:69px; height:70px;}
#map ul li#ct2 a.tl {width:69px; height:70px;}
#map ul li#ct3 a.tl {width:69px; height:70px;}
#map ul li#cb1 a.tl {width:69px; height:70px;}
#map ul li#cb2 a.tl {width:69px; height:70px;}
#map ul li#cc1 a.tl {width:69px; height:70px;}
#map ul li#cc2 a.tl {width:69px; height:70px;}
#map ul li#cc3 a.tl {width:69px; height:70px;}
#map ul li#cc4 a.tl {width:69px; height:70px;}
#map ul li#cp1 a.tl {width:69px; height:70px;}


#map ul li .xsnazzy,
#map ul li a .xsnazzy
{
    visibility:hidden;
    opacity:0;
    transition:opacity 0.5s linear;
}


#map ul li:hover .xsnazzy 
{
    visibility:visible; opacity:1;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 2.5px 0px rgba(23,23,23,1);
    -moz-box-shadow: 5px 5px 2.5px 0px rgba(23,23,23,1);
    box-shadow: 5px 5px 2.5px 0px rgba(23,23,23,1);
}

#map ul li:hover .xsnazzy {background:url(http://www.cssplay.co.uk/menu/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}


#ct1 .xsnazzy {left:-20px; top:80px;}
#ct2 .xsnazzy {left:-20px; top:80px;}
#ct3 .xsnazzy {left:-20px; top:80px;}
#cb1 .xsnazzy {left:-180px; top:-15px;}
#cb2 .xsnazzy {left:-180px; top:-15px;}
#cc1 .xsnazzy {left:90px; top:-20px;}
#cc2 .xsnazzy {left:-50px; top:-145px;}
#cc3 .xsnazzy {left:-50px; top:-145px;}
#cc4 .xsnazzy {left:-180px; top:-15px;}
#cp1 .xsnazzy {left:-180px; top:-15px;}

.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:2.5em; color:#6f9; font-family:georgia, "times new roman", serif; border-bottom:1px solid #fff;}
.xsnazzy p {padding-bottom:0.5em; color:#eee; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}
.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:8px;}

#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;}
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;}

#map ul li#ct1 {width:103px; height:67px; top:58px; left:72px; }
#map ul li#ct2 {width:103px; height:67px; top:58px; left:242px; }
#map ul li#ct3 {width:110px; height:80px; top:210px; left:290px; }
#map ul li#cb1 {width:125px; height:90px; top:13px; left:450px; }
#map ul li#cb2 {width:125px; height:90px; top:100px; left:450px;}
#map ul li#cc1 {width:80px; height:110px; top:340px; left:0px; }
#map ul li#cc2 {width:80px; height:110px; top:330px; left:100px;}
#map ul li#cc3 {width:80px; height:110px; top:330px; left:255px; }
#map ul li#cc4 {width:110px; height:80px; top:200px; left:520px; }
#map ul li#cp1 {width:125px; height:70px; top:340px; left:500px; }

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url('../Images/point.png') center top; position:absolute; left:50px; top:-11px;}
.xsnazzy em.point_bottom 
{    
    display:block; font-size:0; width:25px; height:14px; background:url('../Images/point.png') center bottom; position:absolute; right:50px; bottom:-11px;
    -webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
}
.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url('../Images/point.png') left center; position:absolute; left:-11px; top:30px;}
.xsnazzy em.point_right 
{
    display:block; font-size:0; width:14px; height:25px; background:url('../Images/point.png') right center; position:absolute; right:-11px; top:35px;
    -webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
}

.myButton {
    display: inline-block;
    vertical-align: baseline;
    margin: 0px 2px;
    outline: medium none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial,Helvetica,sans-serif;
    padding: 0.5em 2em 0.55em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    border-radius: 0.5em;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.camp_icon { display: block; width: 16px; height: 16px; background-image: url(../Campi/ico-superfici-16x16.png); background-repeat: no-repeat; }
.terra { background-position: 0px 0px; } 
.erba { background-position: 0px -16px; }
.parquet { background-position: 0px -32px; }
.linoleum { background-position: 0px -64px; }
.gomma { background-position: 16px -16px; }

.shadow
{
    margin:5px;
    -webkit-filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1)); 
    filter: drop-shadow(5px 5px 2.5px rgba(23,23,23,1));
}

.black_overlay{
    /*
    display:none;
background: #d7d2cf;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 15px;
position: fixed;

box-shadow: 0px 0px 20px #999;
-moz-box-shadow: 0px 0px 20px #999; 
   -webkit-box-shadow: 0px 0px 20px #999; 
border-radius:3px 3px 3px 3px;
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   width: 250px;
   height: 250px;
    */
        float: left;
	display: none;
	position: fixed;
        top: 0%; 
        left: 0%;
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
        box-shadow: 0px 0px 20px #999;
        -moz-box-shadow: 0px 0px 20px #999; 
        -webkit-box-shadow: 0px 0px 20px #999; 
        border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;	
	padding: 16px;
	border: 1px solid black;
	background-color: white;
	z-index:1002;
	overflow: auto;	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(23,23,23,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(23,23,23,1);
	box-shadow: 10px 10px 5px 0px rgba(23,23,23,1);
}

.cbutton
{
	width:35px;
	height:35px;
	position:absolute;
	right:0px;
	top:0px;	            
        /*set the border-radius at half the size of the width and height*/
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        /*give the button a small drop shadow*/
        -webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
        -moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
        box-shadow: 2px 2px 15px rgba(0,0,0, .75);	
}
.cbutton :hover
{
    background:#c20b0b;
    border:1px solid #c20b0b;	
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
    box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}